// var logo="../img/logo.jpg";//定义logo  dao层
// 通过id拿到图片对象
// var atheImg=document.getElementById('logo');
//对当前对象的属性进行赋值
// Cannot set properties of null (setting 'src') 不能对null设置属性
//怎么来看是为null？我们可以打印出来？
//为什么会为null？
//我们加载页面默认情况下是从上到下加载,我们可以将js拿到最下边去
// 我们就想让js引用到默认的地方，就是head里面，那么怎么办?
//让页面加载完成执行
// window.onload = function () {
//现在需要将对象提取出去，然后通过某种方式获取数据

// var logo = "../img/logo.jpg";
// var phone="028-9222229";


// }

$(function () {
    //取值
    getCompanyData();

    getNavData();
});

function getNavData() {

    $.ajax({
        url: '../json/nav.json',
        data: '',
        type: 'get',
        dataType: 'json',
        success: function (res) {
            // console.log(res);

            setNavData(res);
        }
    });
}

//对导航进行数据赋值
function setNavData(res) {
    // res[0].title  res[0].href
    let str = '';//
    for (let i = 0; i < res.length; i++) {
        // str += "aab" + i + "bcc";
        str += '<div onclick="window.open(\'' + res[i].href + '\')">' + res[i].title + '</div>';
        // str += ' <div onclick="window.open(\'' + res[i].href + '\')">' + res[i].title + '</div>';
    }
    $("#nav").html(str);
}

function getCompanyData() {
    $.ajax({
        url: '../json/company.json',//应该对于第二阶段的@WebServlet("/home")里面的注解地址/home
        data: '',//就是需要传递到后台的值
        type: 'get',//对应的是方法类型  get  或者 post  //只要取值 用get，增加，删除，修改用post
        dataType: 'json',// 以后默认全是json
        success: function (res) {
            // console.log(res);
            setCompanyData(res);
        }
    });
}

// 赋值
function setCompanyData(res) {
    // let atheImg = document.getElementById('logo');
    // let phonediv = document.getElementById("phone");
    // console.log(atheImg);
    // atheImg.src = res.logo;
    // phonediv.innerHTML = res.phone;
    //jquery 怎么改变对象的属性？
    $("#logo").attr("src", res.logo);
    $("#phone").html(res.phone);
}
